<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <style type="text/css" title="AppleStyle">
        @import "ExchangeWidget.css";
    </style>
    <script type="text/javascript" src="file:///System/Library/WidgetResources/AppleClasses/AppleAnimator.js" charset="utf-8"></script>
    <script type="text/javascript" src="file:///System/Library/WidgetResources/AppleClasses/AppleButton.js" charset="utf-8"></script>
    <script type="text/javascript" src="file:///System/Library/WidgetResources/AppleClasses/AppleInfoButton.js" charset="utf-8"></script>
    <script type="text/javascript" src="localizedStrings.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/utilities.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/setup.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/Text.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/InfoButton.js" charset="utf-8"></script>
    <script type="text/javascript" src="Parts/GlassButton.js" charset="utf-8"></script>
    <script type="text/javascript" src="ExchangeWidget.js" charset="utf-8"></script>
	<script type="text/javascript" src="Flyout.js" charset="utf-8"></script>
	<script type="text/javascript" src="Autodiscover.js" charset="utf-8"></script>
	<script type="text/javascript" src="Tiles.js" charset="utf-8"></script>
</head>
<body onload="load();">
    <div id="front">
        <img id="frontImg" src="Images/undockedBackgroundBlack.png" alt="">
		<div class="apple-no-children" id="info" apple-part="com.apple.Dashcode.part.infobutton" apple-default-image-visibility="hidden"></div>
		<div apple-part="com.apple.Dashcode.part.text" class="apple-text apple-no-children" id="helloText" apple-group="text" apple-default-image-visibility="hidden" style="display: none;"></div>
		
		<div id="mainPanel">
			<div id="header" class="undockedHeaderContainer">
				<table cellspacing="0" cellpadding="0" style="table-layout: fixed; width: 100%; height: 100%;">
				    <tbody>
						<tr>
							<td class="headerText"></td>
							<td class="headerSelector">
								<img src="images/NextPage.png" align="middle">
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div id="tileContainer" class="undockedTileContainer"></div>
		</div>
	</div>
	
    <div id="back">
       <img id="backImg" src="Images/back.png" alt="">
		<div id="settingsPanel">
		<table class="labelText" style="table-layout: fixed; width: 100%">
            <tbody>
                <tr>
                <td class="titleLabelText" nowrap="">Connection Settings</td>
                <td class="helpLink" align="right" onclick="openHelpFile();">Help...</td>
            </tr>
            <tr>
                <td colspan="2">
					<div apple-part="com.apple.Dashcode.part.checkboxbutton" id="cbUseAutodiscoverDiv" apple-group="checkboxbutton" onclick="cbUseAutodiscoverClicked(event)">
						<input style="position: relative; top: 8px;" type="checkbox" name="Checkbox" id="cbUseAutodiscover" checked="checked" apple-group="checkboxbutton">
						<div style="position: relative; top: -8px; left: 18px; text-align: left; vertical-align: middle;" apple-group="checkboxbutton" id="checkboxbutton1">Automatically determine my server</div>
					</div>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div id="labelEmailOrServer">Server name: <i>(e.g. mail.contoso.com)</i></div>
                    <input style="width: 96%;" type="text" id="tbEmailOrServer" name="tbEmailOrServer">
                </td>
			</tr>
            <tr>
                <td colspan="2">
                    <div>User name:  <i>(e.g. domain\username)</i></div>
                    <input style="width: 96%;" type="text" id="tbUserName" name="tbUserName">
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <div>Password:</div>
                    <input style="width: 96%;" type="password" id="tbPassword" name="tbPassword">
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <hr size="1" color="ScrollBar">        
                </td>
            </tr>
            <tr>
                <td colspan="2" class="titleLabelText">Gadget Settings</td>
            </tr>
            </tr>
            <tr>
                <td>
                    <span>Folder to display:</span>           
                </td>
                <td>
                    <select style="width: 100%" id="comboFolder">
                        <option value="Inbox">Inbox</option>
                        <option value="Calendar">Calendar</option>
                        <option value="Tasks">Tasks</option>
                    </select>
                </td>
            </tr>
        </tbody>
		</table>
		</div>
        <div id="done" class="apple-no-children" apple-part="com.apple.Dashcode.part.glassbutton"></div>
    </div>
	
	<div id="flyout"></div>
	
</body>
</html>